iT邦幫忙

2023 iThome 鐵人賽

DAY 8
0

Nodejs

Nodejs是使用javascript的語法,但寫的卻是關於server端的功能,這樣能方便我們用相同語言,進行全端的開發。

首先去官網下載,並測試在本地端的伺服器連線功能
nodejs官網

在D槽建立名為Node的新資料夾和一個名為server.js的檔案,並且貼上基本範例

const http = require('http');
const hostname = '127.0.0.1';
const port = 3000;
 
const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/html');
  res.end('Hello My<u> Frist Server.</u>\n');
}); 
server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

並從命令提式字元開啟sever.js的檔案

C:\Users\>d:

D:\>cd Node

D:\Node>node server.js

接著就可以將URL貼到瀏覽器上做測試。如果有修改程式,則輸入ctrl+c終止指令後,再重新輸入node server.js。

這樣就建立了一個簡單的http伺服器,能夠接收 HTTP 請求並給予簡單的回應。

Express

express官網

要更有效率的使用Nodejs的話,需要下載Express這個第三方框架,可以直接用node.js的npm套件管理工具來下載,

首先在Node資料夾中,新增test資料夾。

D:\Node>cd test

D:\Node\test>npm init

(一路enter到底)

D:\Node\test>npm install express –save

剛剛的test資料夾出現node_modules,裡面會有express。
接著在Node裡面新增一個名為index.js的檔案,貼上

var express = require("express");
var app = express();//產生Express Application物件
app.get("/",function(req,res){//當使用者連接到伺服器的根目錄(/)時,做出回應
    res.send("Hello World");
});
app.listen(3000,function(){
    console.log("伺服器已經啟動在http://localhost:3000");
});

一樣是建立一個簡單的http伺服器,但這次用的是express的app

參考資料

澎澎的課程


上一篇
javascript 事件回應與網路連線
下一篇
HTML DOM
系列文
線上商店串接tappay30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言